@barHeight : 45px;

.mapWrapper {
    position: relative;
    z-index : 499;
    flex    : 1;
    display : flex;
}


ul {
    margin    : 0;
    padding   : 0;
    list-style: none;
}

ul.changeMode {
    display    : flex;
    margin-left: 10px;

    li {
        margin       : auto 0;
        padding-left : 15px;
        padding-right: 15px;
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        height       : @barHeight;
        line-height  : @barHeight;
        cursor       : pointer;

        &:hover,
        &.active {
            color        : #1890ff;
            border-bottom: 2px solid #1890ff;
        }

        &.active {
            font-weight: 500;
        }
    }
}

.toolsBar {
    height         : @barHeight;
    line-height    : @barHeight;
    border-bottom  : 1px solid #f0f0f0;
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
    box-shadow     : 0 0 10px rgba(33, 33, 33, 0.15);
    z-index        : 1000;

    ul.toolsIcon {

        li {
            display   : inline;
            margin    : auto 10px;
            cursor    : pointer;
            transition: all .3s;

            &:hover,
            &.active {
                color: #1890ff;
            }
        }
    }

    .toolsIcon {
        // font-size: 22px;
        margin-right: 5px;
    }
}


.map {
    position        : relative;
    z-index         : 999;
    flex            : 1;
    background-image: url(' ///P9gwMPBPYGD44fj//y//////AtnMKxkYdnMDABjSXCSDNCGUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG5mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMThUMTU6Mjk6MTYrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDYtMThUMTU6Mjk6MTYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTE4VDE1OjI5OjE2KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcwYTVmNmUwLWI0OWMtNDczYS04Njk5LTI5YWJlNzg5MmEwNCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmM1M2Y5OWUzLWRiYjEtOGI0MC1iZmJhLWUxMjg1ZDdlYTVlYyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA0YTVkZjhjLTI5ZmMtNDVjNy1hYTBjLTg3YzRjNTY1MjBjMyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkRpc3BsYXkiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowNGE1ZGY4Yy0yOWZjLTQ1YzctYWEwYy04N2M0YzU2NTIwYzMiIHN0RXZ0OndoZW49IjIwMjAtMDYtMThUMTU6Mjk6MTYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MGE1ZjZlMC1iNDljLTQ3M2EtODY5OS0yOWFiZTc4OTJhMDQiIHN0RXZ0OndoZW49IjIwMjAtMDYtMThUMTU6Mjk6MTYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8cGhvdG9zaG9wOlRleHRMYXllcnM+IDxyZGY6QmFnPiA8cmRmOmxpIHBob3Rvc2hvcDpMYXllck5hbWU9IuW6t+ebvuWPr+inhuWMliIgcGhvdG9zaG9wOkxheWVyVGV4dD0i5bq355u+5Y+v6KeG5YyWIi8+IDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0i5bq355u+5Y+v6KeG5YyWIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSLlurfnm77lj6/op4bljJYiLz4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqEcIpAAABtSSURBVHja7d3rcqM6ooBRLjbG2Hn/x92nuwZOFLUAcfGFeKlq/ejdcdJDFfNFSEDx33//FQDAsTkIACDoAICgAwCCDgAIOgAIOgAg6ACAoAMAgg4Agg4ACDoAIOgAgKADgKADAIIOAAg6ACDoACDoAICgAwCCDgAIOgAIOgAg6ACAoAMAgg4Agg4ACDoAIOgAgKADgKADAIIOAAg6ACDoACDoAICgAwCCDgAIOgAIOgAg6ACAoAMAgg4Agu4gAICgAwCCDgAIOgAg6AAg6ACAoAMAgg4ACDoACDoAIOgAgKADAIIOAIIOAAg6ACDoAICgA4CgAwCCDgAIOgAg6AAg6ACAoAMAgg4ACDoACDoAIOgAgKADAIIOAIIOAAg6ACDoAICgA4CgAwCCDgAIOgAg6Ac68ManjfKP+o/z1m/k/AEEXdCN143bH189QQcEXdCNg46roAOCLujG8UcTBL0SdEDQBd045jgFQa8FHRB0QTeOOaog6CdBBwRd0I33GOd+XXzJLndBBwRd0I03i/kQ53ZF0BtBBwRd0I3Xj79r4PcVgRZ0QNAF3XjDNfHbwkgLOiDogm68QcC3Rl3QAUEXdONFo+zXycc2sy2Juk1xgKALuvHC9fIhxN3Gy+9Lgl71v0jc4930zh9A0AXdWDfaYv6hMDlRX/pgmS74zFnQAUEXdGP7ZfdhV/t15Ua5ckXQq+Dn3od1fOcPIOiCbqwflyDI5YqoV5mfn73k7/wBBF3QjW273HN3qaeiPjzL/bbxl4mT8wcQdEE3to1uZnPcVNSXfDY1hkvvnfMHEHRBN7aN88J18DjqX/1se8svE3fnDyDogm5s3xz3lbE5birq7YqfG26Ouzp/AEEXdGO/y+5L4lxHs/Rm4S8RXbjT3fkDCLqgG9tHE8U5J+qX6DNLoh7+AnGyyx0QdEE39hl1Is5zUb8Fl+mXPPu9S32t8wcQdEE39l1Hz1kbr6ONdLmPie3Gvsb5Awi6oBvf41rkP7Ft7BayJmNNvQ3Wv8c2yjW5MRd0QNAF3UhHdk3Uu2in+1jUw0fGtjO73y/9v6Wbm707fwBBF3Tj54tW1kb9Wvz7kJhU1Ks+1Nci733qWZvmnD+AoAu6mP/75LY1UQ+/z9Zb2uKo//23nKc+4PwBBF3QxfxnbOuVUZ96UcuaqJf997yMzOQFHRB0QTdGYl5siPrcm9fWRD17OH8AQRd0MZ+/tSwn6lW/xt1OzKgfFnXnDyDogi7m42Pt5fec3fC7Rt35Awi6oIv5/0Zz5Kg7fwBBF3Qx//679kVRvwo6IOiCbmyLee5jVx8d9W5kM52gA4Iu6Ebx74tT6pFbxLo3ibqgA4Iu6MZEiO9vGvUyuEJwFnRA0AXdOG7U/172P1lDBwRd0I3XRv1ra5BtigMEXdCNx0d97FL4ObGhrep3rZ8FHRB0QTeWXa7u+t3rTR/oeLf4KZpBr4l6HX0+jHo5ssmtFnRA0AXdyBvnIv2q0Uvi7+uFUQ9vabv3f25nYh1ucrttuRVN0AFBF/RPm6E3fcDjy+Rx7K8rLr+Ha+W34OunNsOFn2kFHRB0QTfW3QZW95GP33N+X7mmfo4CfcuIevj2tUrQAUEXdGPbZfi2j/x9ZhY+F/UumKVXGVE/Czog6IJu7BfzYVyjtfWlUa+jW9Smoh6uo3fP+B/t/AEEXdA/IebxLWZrb2nrou+RinoZXeKvBB0QdEE3/l0fHxvNzEa0KrhkvuQ+9XPiZ9xHdsLH3LYGCLqgG9G4FuNvJMvdVT58TRn9khCKv1838nOqmajXzzw4zh9A0AX9CKMp5t8d3mSsV4fr2t3IrHp4AM0p8QtEWYw/6rUKfumon32AnD+AoAv6kWK+6Z3hExFf8kz24XJ8804HyfkDCLqgHyXmezyg5Vr8fEhM3c+sB3XGLwxfgg4IOoK+fma+x7hEs/Gl37cs5l/YIuiAoAu6kYj5njPiSzA7XxP16lWb3gQdEHRBP/oGuNuOUR+CfonuWc+N+ql44tPfBB0QdEH/TWvm1Y5Rb4vxN7F1C34huL/bgXP+AIIu6EfYALdX1FOPf10S9ac+zlXQAUEX9N+4m32PqHdF+nnuOVGv33VDnKADgi7oR7s1bWvUp+4hn4t6U3y/D70UdEDQEfR1Md8j6m0f67EZds5MvXzHA+n8AQRd0I8U873X1HOiXh7hYDp/AEEX9KPF/BlRjx9qUwk6IOgI+rqYNxmz42dEfXjPuaADgo6gL4z5ecHtYY+MenuEmAs6IOiC/s4x/3qTqBeCDgg6gr4+5jdRF3RA0AX92DFvg0veoi7ogKAL+oFjXoi6oAOCLui/I+aiLuiAoAv6C0e7Y8xFXdABQRf0F4yq+H5merdTzEVd0AFBF/QXjHomuFueFBdHfenDZ06CDgg6gr59lMX3a0zXPvo1/Pwlc6Y+fP1V0AFBR9BfH/VmYczjy/uNoAOCjqDvO5ZGvVkR5pxXogo6IOh8XNDrwDOjvibmTXHAV6EKOiDogv6MmG997emaqK+JefspMRd0QNAFfW147xOBrHaO+pqYd58Uc0EHBF3Ql4xTxq1fZX+LWLtT1NfEfPh3XH/zmrmgA4Iu6Gt3pd8zbvsKg1zvEPWPfR2qoAOCLuiPvNR+m7h8vUfMxy6ZG4IOCLqgbxxNRqjDtfVn7343BB0QdEFfsKu9eWLMRV3QAUEX9J1G+JKVsV3tUzGvdvg3DE+Ue8QvC4IOCDq/PuhlYnPaZUHM6/6/Nzv9YiHmgg4IuqBvuNR973e1x2voOTEfPnOWW0EHBF3Qnz/aKODDveXDjvPcmIu6oAOCLuhvsKP9NLI5LifmXeKyvagLOiDogv6EMfeK0dvE7WtxzMfW4kVd0AFBF/QHjtPM7WHxBrkmI+apS/iiLuiAoAv6g0adGfN78fOJcUtifjdTF3RA0AX9OTHvZmJe97eQhfHPjXnt8rugA4Iu6O8R82Fco0voOTG3pi7ogKAL+oNifl8R83i9fUnMU7vlRV3QAUEX9JWjjO4RPy2I+ZI183pmrd5MXdABQRf0HWfoa54AtzXmLr8LOiDogv6gqD8z5uHVglsx/0Y3Q9ABQRf0BVF/ZsyL4ueT6bwmVdABQRf0B1x+T0X3Vvx8LepeMW+CKwTerCbogKAL+oOifkpEfa+Yn4PL72Iu6ICgC/rIjvY1UZ+L9H3nmBuCDgi6oE/EvFu4Jh1Hu5q5j/wk5oIOCDqPDXo3cQk9N+q3xCy/HllTF3NBBwSdnYM+dQtazph7Glwc9bOYCzog6Owb9K0xT0X4OhN1MRd0QNDZMeh7xXwYl2L6oS9za+5iLuiAoAv6TjGvHrwWP7amLuaCDgi6oO8U8+HRqqlL4W3mLD58POt95BeEOOoXMRd0QNAFfb+YdyPr203wmZx71efenT62pi7mgg4IuqAnZsp1vwN9kBPzWxT1tZfCm2L+JSpza+qGoAOC/vFBvyVmwHMx7/o/p16CsmbTXJcxs48fE2sIOiDogh7FtIsuo+fEPLW5rVvZjarIeytaU3jRiqADgi7oi9bMr324p2K+52tKww1v1Uz8DUEHBF3QM2IeBjwn5nX05zVRLwvvLhd0QNDZdMk9vsx+jmbdczFPzbKHjXLtgln1deEueUPQAUEX9Iz7zFNr483EBrhwB/wp8xL62G72k5wKOiDozAc959a0eMPbJSPmw2w+3OiWO9sOL7tf5VTQAUFnOui5MS+L9INd5mIe71xfMoZ74u1kF3RA0JkI+pKYx2vbqVvTxj5TBz/HEHRA0Nkx6Gtinro1rZv5TBGsoefcm24DnKADgk5G0MsdYl4X/z6CdSzm4WfbiUvrbf99GukUdEDQmQ/6deIe79yYxzPvr8SGuWHtuwp+5qX/86n/ntfE5wVd0AFBZ+EMPQ5ovSDmRfR99tDZACfogKCzbg19alacE/Mumqlf+z9f+r+7F+mXvdyC2Xxt7VzQAUFn+y73VNRzY15GO9lT942XEUPQAUHnQfehh1FfGvMiEfVOAgUdEHRe86S4+IlwS2I+jIuoCzog6Lwm6GVig1vu7WzFzEY5URd0QNB5UtBTUU+9Oe3W//dzsOmtC9bNq+j+dlEXdEDQeXLQiz7It5Got9E95bE2CH9rTV3QAUHndUEfon4PZtrx606vfZyb4ufDY8JfBsYePuM1qIIOCDpPCno8s75l3mpWB19fCLqgA4LO64Mehzjncvmwln7Z8D0MQQcEnZ2DXhQ/70dvM2f0VeKzczvjDUEHBJ0HBr2INsGdZr5mmIWfxVzQAUHnvYJeBpvdUpvk6pFd8XUfejEXdEDQeYOgz91+1lkjF3RA0DlG0OM18XNi09tZ8gQdEHTeP+jhbPwWXI4/ubQu6ICgc6ygh5feG4kTdAAH4ZhBT83SDUEHBJ0DBt26uaADCPovCHpRfD/r3c52QQcE3UE4cNCH16daRxd0QNAdBAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAQAHAXjd/wF9+Djo8Sv/qP84v/p/P4IOCLqgrx+3P756gi7oAIJ+0ON3FXRBBxD04we9CYJeCbqgAwj6MY/fKQh6LeiCDiDoxzx+VRD0k6ALOoCgv8fxO/fr4kt2uQu6oAMI+hsF/RzEuV0R9EbQBR1A0F9//P6ugd9XBFrQBR1A0N/sknsV3VveCLqgAwj6+we92iHqgi7oAIL+oqCX/Tr52Ga2JVG3KU7QAQT9RUGvgxB3Gy+/Lwl61f8icY930zsHBB0QdEFfd/zajIfC5ER96YNluuAzZ0EXdEDQBX3b8SuDXe3XlRvlyhVBr4Kfex/W8Z0Dgg4IuqCvP36XIMjliqhXmZ+fveTvHBB0QNAFfdsu99xd6qmoD89yv238ZeLkHBB0QNAFfdvx62Y2x01FfclnU2O49N45BwQdEHRB33b8zgvXweOof/Wz7S2/TNydA4IOCLqgbzt+4ca23BezxFFvV/zccHPc1Tkg6ICgC/r249etiHMdzdKbhb9EdOFOd+eAoAOCLujbj18TxTkn6pfoM0ui3sUPpHEOCDog6IK+/fjViTjPRf0WXKZf8uz3LvW1zgFBBwRd0Lcfv3AdPWdtvI420uU+JrYb+xrngKADgi7o38fvuuCJbWO3kDUZa+ptsP6d80S5yZgLuqADgi7o38cvjOyaqHfRTvexqIePjG1ndr9f+n9LNzd7dw4IOiDoHx/04ueLVtZG/Zp4SEwq6lUf6muR9z71rE1zzgFBBwT9o4MexbzbEPXw+2y9pS2O+r0I3qwm6IIOCLqgj8e8TWxYWxL1qRe1rIl62X/Py8hMXtAFHRB0QR+JebEh6nNvXlsT9aftIUDQAUE/XNDjmI8cv6VRr/o17nZiRv2wqDsHBB0Q9I8KeirmE8dv7eX33AfDtIIu6ACCvjBoYzHv/645ctSdA4IOCPpHBH0m5u2CJ7s9IupXQRd0AEGfCdpMzHMfu/roqHcjm+kEXdABQRf04t8Xp9SJrylznsb2pKgLuqADgi7oE1G/v2nUy+AKwVnQBR0QdEHfEPUgrq+I+t/L/idr6IIOIOh5x2g06tGMeWnUv7YG2aY4QQcQ9GX3oSejnrgMHkZ97FL4ObGhrep3rZ8FXdABBH3Z5equ38ne9MEuo2Pzd/Z8mor6yNp2N/I1dRT1cmSTWy3ogg4g6HnjXKRfNXrpj8t55BJ7TtTDW9ru/Z/bmViHm9xuW25FE3RBBwT902bof2fml8Rl8jj217nL7zNr5bfg66c2w4WfaQVd0AEEfWHQ+hlx3Uc+fs/5PWdNfeYqQBvN2seiHr59rRJ0QQcQ9IVBSwS4DKJdr4x6F8zSq4yonwVd0AEEff0M/UfMg/9+DdfWV0S9jm5Rm4p6uI7ePfsXGgQdEPRDB30s5tHfdRPHby7qXRTpVNTD3fH3Z8zOBV3QAUE/2pjaMd6Mxbw/PtVwyXzm+MVRPyd+xn1kJ3zMbWuCDiDo0bgW428kq6diHhyj4WvKaBNdKP5+3cjPqWaiXj/7CgWCDgj6u49w9n2d+Jpu5hiF69rdyKx6eITrKfELRFmMP+q1Cn7pqJ99gJwDgg4I+pFiPvrO8MxjNBbxJc9kHy7HN++6yx9BBwT9nWPebg1asNN9uP2s7mfWgzrjyW5fgi7oAIK+fmZe7BD0SzQb7xYev7KYf2GLoAs6gKAnYp41I14Y9Fsc9cxRvWrTm6ALOiDoR98Ad8uJ+sKgX6J71nMf/nJ65tPfBF3QAUH/TWvmVU7UM49RW4y/iS0n6pfEfeiCLugAgp65AW426gs3xV0ST5DLifpTH+cq6IIOCPpv3M0+GfWFt61dov+eE/X6XTfECbqgA4J+qFvTpqKeeYz+/x7yxN/NRb0pvt+HXgq6oAMI+rqYT0Z9wRr631ifR45fzky9fMcD6RwQdEDQjxTz0ajvePziqJdHOJjOAUEHBP1oMX9I1GcealMJuqADCPq6mDcZs+Pdoj7x77y/20NkBF3QAUE/SszPC24P2yXqI6M9QswFXdABQX/nmH89M+pHH84BQQcE/V1jfntm1AUdQQcEff+Yt8El76yo98dgddQFHUEHBP0xMS+WRD04DquiLugIOiDoj4t5dtSjY7E46oKOoAOCPh3grTHPinrieCyKuqAj6ICg/7s57Z6x7r0k5rNRHzkm2VEXdAQdEPR/Rz0T8y1PioujXk4FLRH1k6Aj6ICgbx9l8f0a07WPfg0/f5kLWh/14euvgo6gA4L++qg3ccwzgn6eu+wu6Ag6IOjrx9KohzFvcoIWxbyzho6gA4L+vT4+eGbUR2M+sSkufmtaKegIOiDo/4v41teeron6ZMxHbltrc2Mu6Ag68GlBH8J7L8ZfbVrtHPXZmCceLNMtibmgI+jAJwX9FN76NbHZ7bZh9h5HPSvmiaD//Xdcp9bMBR1BBz4x6GXwsJhrZpDrHaKeFfM9giboCDrwCUEfInubuNS+R8xT36t7RtAEHUEHfnvQm4xQh2vrz979LuiCLuiAoC/Y1d48MeaLoy7ozgFBBwR9fLf6fWZX+1TMqx3+DcMT5WZ/WRB054CgA4I+HtJwY9plQczr/r83O/1iUT86aIKOoAO/MehhrK+JNfScmA+fOR8haIKOoAO/LehtFPDh3vJhx3luzJ8adUF3Dgg6IOjpHe2nkc1xOTHvEpftz4Iu6IIO8PggnWd2tN8mbl+LYz62Fn8WdEEXdECUHzdOM7eHdRNPbhuLeeoS/tPW1D9tOH8EHRD0OjPm9+LnE+OWxPz+zMvvgo6gA58W9DDmXcZ95lUU/9yY189eUxd0BB34lKAvjfkwrtEl9JyYP31NXdARdOATgj53qXzq1rTTypindsuLuqALOiDoK0cZ3SN+WhDzJWvm9cxavZm6oAs6IOg7ztDXPAFua8xdfhd0QQcE/UFRf2bMw6sFt2L+jW6GoAs6IOgLov7MmBfFzyfTZb/73BB0QQcEPf/yeyq6t+Lna1H3inkTXCGo5VnQBR0Q9MdE/ZSI+l4xPweX38Vc0AUdEPSRHe1roj4X6fvOMTcEXdABQZ+IebdwTTqOdjVzH/lJzAVd0AEeG/Ru4hJ6btRviVl+PbKmLuaCLugAOwd96ha0nDH3NLg46mcxF3RBB9g36FtjnorwdSbqYi7ogg6wY9D3ivkwLsX0Q1/m1tzFXNAFHRD0nWJePXgtfmxNXcwFXdABQd8p5sOjVVOXwtvMWXz4eNb7yC8IcdQvYi7ogg4I+n4x70bWt5vgMzn3qs+9O31sTV3MBV3QAUFPzJTrfgf6ICfmtyjqay+FN8X8S1Tm1tQNQRd04OODfkvMgOdi3vV/Tr0EZc2muS5jZh8/JtYQdEEHBD2KaRddRs+JeWpzW7eyG1WR91a0pvCiFUEXdEDQF62ZX/twT8V8z9eUhhveqpn4G4Iu6ICgZ8Q8DHhOzOvoz2uiXhbeXS7ogg6w6ZJ7fJn9HM2652KemmUPG+XaBbPq68Jd8oagCzog6Bn3mafWxpuJDXDhDvhT5iX0sd3sJzkVdEEHmA96zq1p8Ya3S0bMh9l8uNEtd7YdXna/yqmgCzrAdNBzY14W6Qe7zMU83rm+ZAz3xNvJLuiCDjAR9CUxj9e2U7emjX2mDn6OIegIOrBj0NfEPHVrWjfzmSJYQ8+5N90GOEEXdICMoJc7xLwu/n0E61jMw8+2E5fW2/77NNIp6IIOMB/068Q93rkxj2feX4kNc8PadxX8zEv/51P/Pa+Jzwu6oAs6wMIZehzQekHMi+j77KGzAU7QBR1g3Rr61Kw4J+ZdNFO/9n++9H93L9Ive7kFs/na2rmgCzrA9l3uqajnxryMdrKn7hsvI4agOxcdBOBB96GHUV8a8yIR9U4CBR1BB17zpLj4iXBLYj6Mi6gLOoIOvCboZWKDW+7tbMXMRjlRF3QEHXhS0FNRT7057db/93Ow6a0L1s2r6P52URd0BB14ctCLPsi3kai30T3lsTYIf2tNXdARdOB1QR+ifg9m2vHrTq99nJvi58Njwl8Gxh4+4zWogo6gA08KejyzvmXealYHX18IuqAj6MDrgx6HOOdy+bCWftnwPQxBF3SAnYNeFD/vR28zZ/RV4rNzO+MNQRd0gAcGvYg2wZ1mvmaYhZ/FXNARdOC9gl4Gm91Sm+TqkV3xdR96MRd0BB14g6DP3X7WWSMXdAQdOEbQ4zXxc2LT21nyBB1BB94/6OFs/BZcjj+5tC7oCDpwrKCHl94biRN0BB04ZtBTs3RD0BF04IBBt24u6Ag68AuCXhTfz3q3s13QEXTgwEEfXp9qHV3QEXQAEHQAQNABAEEHAAQdAATdQQAAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQA4JX+D270sZhvPCPRAAAAAElFTkSuQmCC');
}

@overlayColor: #114d8f;

.avatarOverlay {
    width          : 120px;
    height         : 36px;
    position       : relative;
    border-radius  : 25px;
    background     : transparent;
    display        : flex;
    flex-direction : row;
    justify-content: flex-start;
    align-items: center;
    background     : url("/images/baidu_police.png") no-repeat 3px 10px;
    background-size: 20px 20px;

    &:after {
        position    : absolute;
        // content     : ' ';
        // width       : 0;
        // height      : 0;
        // bottom      : -12px;
        // left        : 50%;
        // margin-left : -12px;
        // border-left : 10px solid transparent;
        // border-right: 10px solid transparent;
        // border-top  : 12px solid @overlayColor;
    }

    .content {
        padding-left   : 5px;
        color          : #F8F8F8;
        transition     : all .3s;
        display        : flex;
        // flex-direction : column;
        // justify-content: center;
        overflow       : hidden;
        text-overflow  : ellipsis;
        white-space    : nowrap;
        

        .name {
            font-weight: 500;
            font-size  : 1.2em;
            // color      : rgba(75, 5, 167, 0.933);
            color: rgba(255, 0, 0, 1);
            // -webkit-text-stroke:0.5px #d6d3d3;
            text-shadow: 1px 1px 0px #ffffff, -1px -1px 0px #ffffff;
        }

        .policeNo {
            color: #F0F0F0;
            font-size: 0px;
        }
    }

    img {
        width        : 36px;
        height       : 36px;
        border-radius: 50%;
        // border       : 2px solid #ffffff;
        border       : 2px solid rgba(255, 0, 0, 1);
    }
}

.tabWrapper {
    padding-left : 16px;
    padding-right: 16px;
    width        : 100%;
    display      : flex;
    position     : absolute;
    bottom       : 0;
    height       : 50px;
    z-index      : 1000;
    background   : #ffffff;
    border-top   : 1px solid #e5e5e5;
    box-shadow   : 0 0 10px rgba(33, 33, 33, 0.2);
    transition   : height .3s;

    &.expand {
        height: 400px;
    }
}

.tabWrapper :global(.ant-tabs-content) {

    width  : 100%;
    height : 100%;
    display: flex;
}